<!-- 关于我的-头像组件 -->
<template>
	<view>
		<u-row>
		    <u-col span="2.5" offset="1">
		        <view class="photo-view">
					<view class="photo">
						<u-avatar :text="text" size="70" bg-color="rgb(255,179,75)" font-size="25" ></u-avatar>
					</view>
				</view>
		    </u-col>
			<u-col span="2.0" >
				<view class="name-view">
					<view class="userName">
						<u--text text="Anni_" size="20"></u--text>
					</view>
					<view class="integral">
						<u--text text="100" color="red" size="18" prefixIcon="../../static/icon/mine/jifen.png" iconStyle="font-size: 22px;" bold></u--text>
					</view>
					
				</view>
			</u-col>
			<u-col span="2.4">
				<view class="name-view">
					<view class="member">
						<u-tag text="积分会员" bgColor="rgb(252,85,49)" borderColor="rgb(252,85,49)"></u-tag>
					</view>
				</view>
			</u-col> 
		</u-row>
	</view>
</template>

<script>
	export default {
		name:"profilePhoto",
		data() {
			return {
				text:"阳",
			};
		}
	}
</script>

<style lang="scss">
	// 头像域
	.photo-view{
		height: 200rpx;
	}
	// 用户名
	.name-view {
	    height: 125rpx;
		
		// 会员
		.integral{
			position: relative;
			top: 10rpx;
		}
	
	}
	// 头像
	.photo{
		position: relative;
		top: 30rpx;
	}
</style>